<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="js/jquery-1.7.2.min.js" type="text/javascript" ></script>
<script src="js/HC20.js" type="text/javascript" ></script>
<link href="css/reset.css" type="text/css" rel="stylesheet" />
<link href="css/HC20.css" type="text/css" rel="stylesheet" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hotel Calle 20</title>
</head>

<body class="clear">
<ul id="imgBg">
  <li id="a0" class="current" style="background-image:url(bg/a1.jpeg); background-size: cover; position:absolute; width:100%; height:100%;"></li>
  <li id="a1" style="background-image:url(bg/a2.jpg); background-size: cover; position:absolute; width:100%; height:100%;"></li>
  <li id="a2" style="background-image:url(bg/a3.jpg); background-size: cover; position:absolute; width:100%; height:100%;"></li>
  <li id="a3" style="background-image:url(bg/a4.jpg); background-size: cover; position:absolute; width:100%; height:100%;"></li>
</ul>

<div id="imgControler">
    <div id="imgControlerTop"></div>
    <div id="imgControlerCenter">
      <div id="imgControlerContent">
        <h1>Background Stretcher jQuery Plugin Demo</h1>
        <div id="leftBox">
          <h2>Manual Controls</h2>
          <div class="nav-buttons"> <a id="prev" class="bgStretcherNav bgStretcherNavPrev" href="javascript:;">Previouse image</a> <a id="next" class="bgStretcherNav bgStretcherNavNext" href="javascript:;">Next image</a> </div>
          <span>Pager: </span>
          <ul id="imgControlBg">
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <div class="clear"></div>
          </ul>
          <div class="clear"></div>
          <a href="#" >Pause Animation</a>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <div id="imgControlerBottom"></div>
  </div>
</body>
</html>
